<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/xiaomi.css" type="text/css">
    <title>Document</title>
</head>
<body>
    <div class="main">
        <div class="header">
            <div class="logo">
                <img src="./images/mi-logo.png">
                <div>
                    <p>小米商城</p>
                     <p>让每个人都能享受科技乐趣</p>
                </div>   
            </div>
        </div>
        <div class="content">
            <div class="form">
                <form action="/" method="get">
                    <div class="login" >
                        <span class="active">账号登录</span>
                        <span class="login-vertialbar">|</span>
                        <span class="saoma">扫码登录</span>
                    </div>
                   <div class="account"><input type="text" placeholder="邮箱/手机号/小米账号"></div>
                   <div class="password"><input type="password" placeholder="密码"></div>
                   <div class="submit"><input type="submit" value="登录"></div>
                   <div class="register">
                    <span>注册小米账号</span>
                    <span class="vertialbar">|</span>
                    <span>忘记密码?</span>
                </div>
                   <div class="form-bottom">
                        <p class="qita">
                            <span class="left"></span>
                            其他方式登录
                            <span class="right"></span>
                        </p>
                        <div class="all-icons">
                            <a href="#" ><span class="qq"></span></a>
                            <a href="#"><span  class="weibo"></span></a>
                            <a href="#" ><span class="pay"></span></a>
                            <a href="#" ><span class="weixin"></span></a>
                        </div>
                </div>
                </form>
            </div>
        </div>
        <div class="footer">
            <div class="footer-content">
                <p class="footer-top">
                    <span>简体</span>
                    <span class="vertialbar">|</span>
                    <span>繁体</span>
                    <span class="vertialbar">|</span>
                    <span>English</span>
                    <span class="vertialbar">|</span>
                    <span>常见问题</span>
                </p>
                <p class="footer-bottom">
                    小米公司版权所有-京ICP备10046444-<img src="./images/icon.png">京公网安备11010802020134号-京ICP证110507号
                </p>
            </div>
           
        </div>
    </p>
    
</body>
</html>